body:not(.mobileBody) #loginOverlay {
    background-image: url("images/LoginImage1.jpg");
  /* background-image: url("images/Bit.jpg");*/
    background-repeat: no-repeat;
    /*background-position: center;*/
    background-size: 100% 100%;
   /* background-size: cover;*/
    background-color: white;
	position: absolute !important;
	background-size:contain, fill ! important;
}

	body:not(.mobileBody) #overlayCenterContainer{
		
   
            position: absolute;
            right: 0px;
            display: flex;
            /* left: 0px; */
            bottom: 35px;
            width: 25vw;
            height: 26vw;
            justify-content: center;
            align-items: center;  
         
	}

body:not(.mobileBody) #overlayFormContainer
{
    background: none ;
	top:0px !important;
	bottom:0px !important;
    position: absolute !important;
    /* top: 50%; */
   height: 538px !important;
    margin-top: 0px !important;
    width: 100% !important;
	box-shadow:none;
    display: flex;
    justify-content: center;
    
}
body:not(.mobileBody) #loginOverlay #loginContent {
    display: flex;
    top: 40px;
    width: 100%;
    justify-content: center;
    flex-direction: column;
    align-items: center;
	position: absolute;
    padding: 0px !important;
    /* padding-left: 10px!important; */
}
#loginOverlay #loginHeader {
	display: none;
}
body:not(.mobileBody) #loginOverlay .thin, div.fieldcontainer div input.thin, div.fieldcontainer div textarea.thin {
	width: 194px;
	border-radius: 5px;
    border: solid 2px #3B3B3B;
}
body:not(.mobileBody) #loginOverlay #loginContent label {
	color: #D3D3D3;
	font-family: sans-serif;
    font-size: 16px;
	font-weight: lighter;
}
body:not(.mobileBody) #loginOverlay div.fieldcontainer {
	overflow: hidden;
	width: 210px;
}
body:not(.mobileBody) #loginOverlay div.fieldcontainer div {
	overflow-x: initial;
	overflow-y: initial;
}
body:not(.mobileBody) #loginOverlay #overlayFormContainer #footer {
	border:none;
	top: 268px;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 6px;
    justify-content: center;
}
body:not(.mobileBody) #btnLogin{
	background-color: #3B3B3B;
    border-color: #3B3B3B;
	border-radius: 5px;
	font-family: sans-serif;
    font-weight: 100;
    height: 29px;
    line-height: 33px;
	width: 53px!important;
    text-align: center!important;

    /*margin-left: 28px ! important;
    margin-top: -33px;
    border-radius: 31px;
    padding: 10px 57px 10px 60px;
    left: 62px;*/

}
body:not(.mobileBody) #btnForget{
	/*border: none !important;*/
    color: #3B3B3B !important;
	border-color: #3B3B3B;
	border-radius: 5px;
	font-family: sans-serif;
    font-weight: 100;
	margin-right: 15px ! important;
	height: 29px;
    line-height: 33px;
   /* position: absolute;
    left: 47px;
    top: 20px !important;
    font-size: 11px !important;
	background: none;*/
}
body:not(.mobileBody) #btnForget:hover{
	background-color:none;
	color: #8c8c8c !important;
}
body:not(.mobileBody) #txtUser{
    background: #fff;
    width: -218px  !important;
    height: 35px !important;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 200px;
	-webkit-box-shadow: 0 0 0px 1000px white inset;
	/*border-left: 3px solid red;*/
}


body:not(.mobileBody) #txtUser::before { 
  content: "«";
  color: blue;
  position: absolute;
  /*border-color: #009933;*/
  border-style: solid;
  border-width: 0 0.3em 0.25em 0;
  height: 1em;
  top: 1.3em;
  left: 0.6em;
  margin-top: -1em;
  transform: rotate(45deg);
  width: 0.5em;
}

body:not(.mobileBody) #txtUser::after { 
  content: "»";
  color: red;
}
body:not(.mobileBody) #txtPassword
{
    background: #fff;
    width: -218px  !important;
    height: 35px !important;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 200px;
	-webkit-box-shadow: 0 0 0px 1000px white inset;
}
svg.SignInButton {
	display:none;
}
 body.mobileBody #loginOverlay {
		background-image: url("images/Rovi.jpg");
		background-repeat: no-repeat;
		/*background-position: center;*/
		background-size: 100% 100%;
		/*background-size: unset;*/
		/*background-color: white;*/
	}
	
	/*body.mobileBody #loginLogo {
    position: relative;
    /* margin: 0 auto; *
    display: none;
}*/
body.mobileBody #loginContent {
    padding: 0px 20px 20px 10px;
    margin-top: 100px;
}
body.mobileBody #loginContent input {
    width: 250px;
    height: 40px;
    border: none;
	border-radius: 0px  !important;
}
body.mobileBody #footer a {
    padding: 10px;
    border-radius: 5px;
    font-size: 15px;
    border: none;
	border-radius: 0px  !important;
}
body.mobileBody div.fieldcontainer label {
    float: none;
    white-space: normal;
    color: #fff;
	font-size: 16px;
    font-weight: bold;
}
div.grid-row .status-1
{
    border-left: 5px solid #36454F;
}
div.grid-row .status-2
{
    border-left: 5px solid #DE3163;
}
#title-actions
{
    background: #36454F;
}
#user-details
{
    background: #DE3163;
}
#logo
{
    margin: 0;
	/*display: none;*/
}
#main
{
    background-image: url("images/Watermark.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: white;
    background-position-x: 0px;
    /* background-position: 0px 0px; */
}
#header
{
    background: #DE3163;
}
a.heading
{
    background: #36454F;
    border-top: solid #fff 2px;
}
.userName-hover
{
    border-color: #DE3163;
    background: #DE3163;
}
.userName-hover label
{
    color: #fff;
}
div.main-actions
{
    background: #DE3163;
    border-bottom: 2px #fff solid;
}
a.main-action
{
    background: #36454F;
}
a.main-action:hover
{
    background-color: #DE3163;
}
div.main-actions a.main-action span
{
    background: #fff;
    color: #000;
}
div.main-actions a.selected, .hiddenNav a.selected
{
    background-color: #DE3163;
}
div.main-actions a.selected, .hiddenNav a.selected:hover
{
    background-color: #DE3163;
}
#session-timer
{
    color: #fff;
}
#searchBox
{
    border-color: #DE3163;
}
#container
{
    background: #fff;
}
.sessionActions
{
    background: #DE3163;
    border-color: #36454F;
}
.sessionActions:hover
{
    background: #36454F;
    border-color: #DE3163;
}
#lblError
{
    color: #f00;
}
span.paging-link
{
    border-top: solid 3px #DE3163;
}
#plusDropdown > li > span, .popup-body .title
{
    background: #DE3163;
}
.popup-body
{
    border: 5px solid #DE3163;
}
.popup-pointer
{
    border-left: 10px solid #DE3163;
}
span.paging-link
{
    border-top: solid 3px #DE3163;
}
a.button:hover, a.attachment:hover, #plusDropdown li a.button:hover
{
    background-color: #DE3163;
    border: solid 2px #DE3163;
}
div.paging
{
    color: #36454F;
}
div.paging a
{
    color: #DE3163;
}
div.paging a:hover
{
    color: #36454F;
}
a.attachment:link, a.attachment:active, a.attachment:visited
{
    background-color: #DE3163;
}
a.action:link, a.action:active, a.action:visited, a.customaction:link, a.customaction:active, a.customaction:visited
{
    border: solid 2px #36454F;
    color: #36454F;
}
a.customaction:link, a.customaction:active, a.customaction:visited
{
    background: #36454F;
    color: #fff;
}
a.ajaxUpload-button
{
    background: #DE3163;
}
ul.tab-strip li.selected a
{
    border-bottom: solid 3px #DE3163;
}
ul.tab-strip-bottom li.selected a
{
    border-bottom: none;
    border-top: solid 3px #DE3163;
}
ul.tab-strip li.action a
{
    background: #36454F;
}
a.action
{
    background: #36454F;
}
body#mainBody
{
    background: #DEDEDE;
}
ul.tab-strip li.action a:hover
{
    background: #DE3163;
}
a.button, a.attachment
{
    border: solid 2px #36454F;
    color: #36454F;
}
a.primary
{
    background-color: #36454F;
    border: solid 2px #36454F;
    color: #fff;
}
div.activity .admin-nav .selected span, div.comment .admin-nav .selected span{
	color:#fff;
}
div.activity span, div.comment span
{
    color: #DE3163;
}
a.form:link, a.form:active, a.form:visited
{
    background: #36454F;
    border: 2px #36454F solid;
}
a.form:hover
{
    background: #;
    color: #fff;
    border: 2px #DE3163 solid;
}
a.attachment, a.attachment:link, a.attachment:active, a.attachment:visited
{
    color: #fff;
    border: 2px #36454F solid;
    background: #36454F;
}
a.attachment:hover
{
    background: #DE3163;
    color: #fff;
    border: solid 2px #DE3163;
}
a.customaction:hover
{
    background: #DE3163 !important;
    border: solid 2px #DE3163;
    color: #fff;
}
a.action:hover
{
    background: #DE3163 !important;
    border: solid 2px #DE3163;
    color: #fff;
}
a.ajaxUpload-button
{
    border: solid 2px #DE3163;
}
a.ajaxUpload-button:hover
{
    background: #36454F;
    border: solid 2px #36454F;
    color: #fff;
}
h1.title
{
    background: #36454F;
}
h1.sub-title
{
    background: #DE3163;
}
.textboxes
{
    background: #dadbdb;
    color: #333;
    border: solid 2px #36454F;
}
.hideButton
{
    background: #36454F;
}
.hideButton:hover
{
    background: #DE3163;
}
#user-details:hover
{
    background: #36454F;
}
#photo{
	background: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.userImage{
	background: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;	
}
#userImageLarge{
	background: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;		
}
#plusDropdown li a:hover
{
    background: #36454F;
    color: #fff;
}
.legends-1
{
    border-left: solid #36454F 15px;
}
.event-type-1
{
    background: #36454F;
    color:#fff !important;
}
.legends-2
{
    border-left: solid #333 15px;
}
.event-type-2
{
    background: #333;
    color:#fff !important;
}
.legends-3
{
    border-left: solid #DE3163 15px;
}
.event-type-3
{
    background: #DE3163;
    color: #fff !important;
}
div.grid-row-hover, .grid-body div.selected{
    border-left: 3px solid #DE3163;
    border-right: 3px solid #DE3163;
    margin: 0px;
}


tr.grid-row:hover td:first-child {
    border-left: 3px solid #DE3163;
}

tr.grid-row:hover td:last-child {
    border-right: 3px solid #DE3163;
}



#menu a.heading:hover
{
    color: #DE3163;
}
ul.list li.odd, div.grid-row-alt > span, tr.grid-row-alt > td {
    background-color: #f0f0f040 !important;
    /*    background: url("images/Main/Navigation-Themes/transparentGrey.png") !important;*/
}
.grid-body div.selected
{
    background: #DE3163;
}
.grid-body div.selected > span
{
    background: transparent;
}
#menu .grid-pager
{
    background: #fff;
}


#title-actions span:hover, #title-actions span.selected
{
    background:#DE3163;
}

.popup-body .grid .title
{
    background: #36454F;
}

/**Mobile Styles**/

.mobile-plus a
{
    color: #36454F;
}
.mobile-plus a:hover
{
    color: #DE3163;
    text-decoration:none;
}
.mobileMenuButton
{
  background-color: #DE3163;  
}
.mobileMenuButton:hover
{
  background-color: #36454F;  
}
.TreePanel
{
    background-color: #DE3163;
}
.TitleStripDark
{
    background-color: #36454F;
    border: none;
    padding: 2px 0px 2px 0px;
}

.LabelsDark
{
    background-color: #36454F;
}

.LightPanel
{
    border: none ; /*solid 1px #6BA2BFk;*/
    background-color: #36454F;
    color: #36454F; /*background-image: url(../Images/light_bg.jpg);*/
}

.HeadingCell {
    background-color: #36454F;
    border: 1px solid;
    border-color: #DE3163;
    padding: 2px;
    text-align: center;
}
.GridFooter   
{
    background-color: #36454F;
    border: 1px solid;
    border-color: #DE3163;
    padding: 2px;
}
.Buttons {
    background-color: #36454F;
    border: solid 2px #DE3163;
    color: White;
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
    width: 88px;
    cursor: pointer;
    background-image: url(../Images/buttons.jpg); 
    background-repeat: repeat-x;
    background-position: top left; 
    padding: 0px;
}
.ButtonsHover {
    background-color: #DE3163;
    border: solid 2px #DE3163;
    color: White;
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
    width: 88px;
    cursor: pointer;
    background-image: url(../Images/buttons.jpg); 
    background-repeat: repeat-x;
    background-position: top left; 
    padding: 0px;
}
.TreeViewItemSelected 
{
    background-color : #DE3163;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: #36454F;
    background: #36454F;
    font-weight: normal;
    color: #ffffff;
}
/*------------------------Slider-----------------------------*/
#bottom {
    position:absolute;
    bottom:60px;
 /*  left:196px;*/
    height: 20% ! important;
    width:100%;
}
.rotatorWrapper{
    width: 100%;
    display: flex;
    justify-content: center;
}

.image {
    width: 100%;
    top: -7px;
    display: flex;
    justify-content: center;
}

.dots {
    width:200px;
    margin: 0px auto 0px auto;
}

.dot {
    background-color: #00aeef;
    width:15px;
    height:15px;
    margin-left:5px;
    margin-right:5px;
    float:left;
    cursor: pointer;
}

.selector  {
    width:100%;
    position:relative;
    float:left;
}

.click {
    position: absolute;
    width:25px;
    height:25px;
    color: white;
    top:-10px;
    cursor: pointer;
    line-height: 25px;
    text-align: center;
    font-weight: bold;
	display:none;
}

.click:hover {
    background-color: #00aeef;
}

.next {
    right:10px;
    top:0px;
    background-position: center -1px;
    background-repeat: no-repeat;
}

.prev {
    left:10px;
    top:0px;
    background-position: center -32px;
    background-repeat: no-repeat;
}

.selected {
   /* background-color: #004264;*/
}

.blocks {
    margin:20px 0px 0px 0px;
    padding:0px;
    width:100%;
    float:left;
    background-color:#ff0;
    position:relative;

}
.blocks .caption 
{
   
}

.block {
    width:9.25%;
    position:absolute;
    cursor: pointer;
}
.block img {
	padding: 7.25%;
    width:85%;
    height:85%;
}
.block:hover {
	box-shadow: 0 0px 10px 0 #DE3163;
	border-radius: 50%; 
}
        
.tile1 {
    left:25%;
    /*background-color:#8552A1;*/
}

.tile2 {
    left:35%;
    /*background-color:#004264;*/
}

.tile3 {
    left:45%;
    /*background-color:#F47732;*/
}

.tile4 {
    left:50%;
    Display : none;
}

.tile5 {
    left:55%;
    /*background-color:#C1CD23;*/
}

.tile6 {
    left:65%;
    /*background-color:#C1CD23;*/
}


.icon-social 
{ 
	display:inline-block; 
	float:right; 
}
.icon-social img
{ 
	Width: 25px;
	height: 25px;
	margin-right: 7px;
	margin-top: 15px;
}
.blocks a:hover .tileIcon {
    display: none;
}